<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>模板</title>
    <script src="../../vue.js"></script>
    <style>
    </style>
    <script>
        window.onload=function () {
            new Vue({
                el:'#box',
                data: {
                    msg:'abc'
                }
            });
        };
    </script>
</head>
<body>
<div id="box">
    <input type="text" v-model="msg" title="">
    <!--输入的文本框内的内容更新下面 {{msg}}也随之更新-->
    <br>
    {{msg}}
    <br>
    <!--输入的文本框内的内容更新下面 {{msg}}不会更新。只是初始的什么样就是什么样。数据只绑定一次-->
    {{*msg}}
    <br>
    <!--html转义输出就是把HTML标签内容也展示出来-->
    {{{msg}}}
</div>
</body>
</html>